<template>
  <div id="welcome">
    <div class="child">
      <h1>WELCOME</h1>
      <p>欢迎来到我的个人博客</p>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {}
};
</script>
<style lang="less" scoped>
#welcome {
  height: 100%;
  display: flex;
  position: relative;
}
.child {
  width: 300px;
  height: 200px;
  margin: 0 auto;
  top: 40%;
  position: relative;
  text-align: center;
  transform: translateY(-50%);
  h1 {
    font-size: 50px;
  }
  p {
    font-size: 16px;
  }
}
</style>